<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>UI主题</title>
		<link rel="stylesheet" type="text/css" href="./css/index.css" />

	</head>
	<body>

		<div class="a a1">
			<h2>HBuilder</h2>
			<p>aaa</p>
			<p>012345679</p>
			<p>abcdefg</p>
			<p>● ● ● ● ●</p>
			<p>★ ★ ★ ★</p>
			<p>♠ ♠ ♠ ♠ ♠</p>
			<p>♥ ♥ ♥ ♥ ♥</p>
			<p>♦ ♦ ♦ ♦ ♦</p>
			<p>♣ ♣ ♣ ♣ ♣</p>
			<p>▲ ▲ ▲ ▲</p>
			<p>■ ■ ■ ■</p>
			<p>▼ ▼ ▼ ▼</p>
			<p>1111111</p>
			<p>2222222</p>
			<p>3333333</p>
			<p>4444444</p>
			<p>5555555</p>
			<p>6666666</p>
		</div>
		<div class="a a2">
			<h2>One dark</h2>
			<p>aaa</p>
			<p>012345679</p>
			<p>abcdefg</p>
			<p>● ● ● ● ●</p>
			<p>★ ★ ★ ★</p>
			<p>♠ ♠ ♠ ♠ ♠</p>
			<p>♥ ♥ ♥ ♥ ♥</p>
			<p>♦ ♦ ♦ ♦ ♦</p>
			<p>♣ ♣ ♣ ♣ ♣</p>
			<p>▲ ▲ ▲ ▲</p>
			<p>■ ■ ■ ■</p>
			<p>▼ ▼ ▼ ▼</p>
			<p>1111111</p>
			<p>2222222</p>
			<p>3333333</p>
			<p>4444444</p>
			<p>5555555</p>
			<p>6666666</p>
		</div>
		<div class="a a3">
			<h2>ITheima</h2>
			<p>aaa</p>
			<p>012345679</p>
			<p>abcdefg</p>
			<p>● ● ● ● ●</p>
			<p>★ ★ ★ ★</p>
			<p>♠ ♠ ♠ ♠ ♠</p>
			<p>♥ ♥ ♥ ♥ ♥</p>
			<p>♦ ♦ ♦ ♦ ♦</p>
			<p>♣ ♣ ♣ ♣ ♣</p>
			<p>▲ ▲ ▲ ▲</p>
			<p>■ ■ ■ ■</p>
			<p>▼ ▼ ▼ ▼</p>
			<p>1111111</p>
			<p>2222222</p>
			<p>3333333</p>
			<p>4444444</p>
			<p>5555555</p>
			<p>6666666</p>
		</div>
		<div class="a a4">
			<h2>Bootstrap</h2>
			<p>aaa</p>
			<p>012345679</p>
			<p>abcdefg</p>
			<p>● ● ● ● ●</p>
			<p>★ ★ ★ ★</p>
			<p>♠ ♠ ♠ ♠ ♠</p>
			<p>♥ ♥ ♥ ♥ ♥</p>
			<p>♦ ♦ ♦ ♦ ♦</p>
			<p>♣ ♣ ♣ ♣ ♣</p>
			<p>▲ ▲ ▲ ▲</p>
			<p>■ ■ ■ ■</p>
			<p>▼ ▼ ▼ ▼</p>
			<p>1111111</p>
			<p>2222222</p>
			<p>3333333</p>
			<p>4444444</p>
			<p>5555555</p>
			<p>6666666</p>
		</div>
		<div class="a a5">
			<h2>46546546</h2>
			<p>aaa</p>
			<p>012345679</p>
			<p>abcdefg</p>
			<p>● ● ● ● ●</p>
			<p>★ ★ ★ ★</p>
			<p>♠ ♠ ♠ ♠ ♠</p>
			<p>♥ ♥ ♥ ♥ ♥</p>
			<p>♦ ♦ ♦ ♦ ♦</p>
			<p>♣ ♣ ♣ ♣ ♣</p>
			<p>▲ ▲ ▲ ▲</p>
			<p>■ ■ ■ ■</p>
			<p>▼ ▼ ▼ ▼</p>
			<p>1111111</p>
			<p>2222222</p>
			<p>3333333</p>
			<p>4444444</p>
			<p>5555555</p>
			<p>6666666</p>
		</div>
		<div class="a a6">
			<h2>46546546</h2>
			<p>aaa</p>
			<p>012345679</p>
			<p>abcdefg</p>
			<p>● ● ● ● ●</p>
			<p>★ ★ ★ ★</p>
			<p>♠ ♠ ♠ ♠ ♠</p>
			<p>♥ ♥ ♥ ♥ ♥</p>
			<p>♦ ♦ ♦ ♦ ♦</p>
			<p>♣ ♣ ♣ ♣ ♣</p>
			<p>▲ ▲ ▲ ▲</p>
			<p>■ ■ ■ ■</p>
			<p>▼ ▼ ▼ ▼</p>
			<p>1111111</p>
			<p>2222222</p>
			<p>3333333</p>
			<p>4444444</p>
			<p>5555555</p>
			<p>6666666</p>
		</div>
		<div class="a a7">
			<h2>46546546</h2>
			<p>aaa</p>
			<p>012345679</p>
			<p>abcdefg</p>
			<p>● ● ● ● ●</p>
			<p>★ ★ ★ ★</p>
			<p>♠ ♠ ♠ ♠ ♠</p>
			<p>♥ ♥ ♥ ♥ ♥</p>
			<p>♦ ♦ ♦ ♦ ♦</p>
			<p>♣ ♣ ♣ ♣ ♣</p>
			<p>▲ ▲ ▲ ▲</p>
			<p>■ ■ ■ ■</p>
			<p>▼ ▼ ▼ ▼</p>
			<p>1111111</p>
			<p>2222222</p>
			<p>3333333</p>
			<p>4444444</p>
			<p>5555555</p>
			<p>6666666</p>
		</div>
		<div class="a a8">
			<h2>46546546</h2>
			<p>aaa</p>
			<p>012345679</p>
			<p>abcdefg</p>
			<p>● ● ● ● ●</p>
			<p>★ ★ ★ ★</p>
			<p>♠ ♠ ♠ ♠ ♠</p>
			<p>♥ ♥ ♥ ♥ ♥</p>
			<p>♦ ♦ ♦ ♦ ♦</p>
			<p>♣ ♣ ♣ ♣ ♣</p>
			<p>▲ ▲ ▲ ▲</p>
			<p>■ ■ ■ ■</p>
			<p>▼ ▼ ▼ ▼</p>
			<p>1111111</p>
			<p>2222222</p>
			<p>3333333</p>
			<p>4444444</p>
			<p>5555555</p>
			<p>6666666</p>
		</div>
		<div class="a a1">
			<h2>46546546</h2>
			<p>aaa</p>
			<p>012345679</p>
			<p>abcdefg</p>
			<p>● ● ● ● ●</p>
			<p>★ ★ ★ ★</p>
			<p>♠ ♠ ♠ ♠ ♠</p>
			<p>♥ ♥ ♥ ♥ ♥</p>
			<p>♦ ♦ ♦ ♦ ♦</p>
			<p>♣ ♣ ♣ ♣ ♣</p>
			<p>▲ ▲ ▲ ▲</p>
			<p>■ ■ ■ ■</p>
			<p>▼ ▼ ▼ ▼</p>
			<p>1111111</p>
			<p>2222222</p>
			<p>3333333</p>
			<p>4444444</p>
			<p>5555555</p>
			<p>6666666</p>
		</div>
		<div class="a a1">
			<h2>46546546</h2>
			<p>aaa</p>
			<p>012345679</p>
			<p>abcdefg</p>
			<p>● ● ● ● ●</p>
			<p>★ ★ ★ ★</p>
			<p>♠ ♠ ♠ ♠ ♠</p>
			<p>♥ ♥ ♥ ♥ ♥</p>
			<p>♦ ♦ ♦ ♦ ♦</p>
			<p>♣ ♣ ♣ ♣ ♣</p>
			<p>▲ ▲ ▲ ▲</p>
			<p>■ ■ ■ ■</p>
			<p>▼ ▼ ▼ ▼</p>
			<p>1111111</p>
			<p>2222222</p>
			<p>3333333</p>
			<p>4444444</p>
			<p>5555555</p>
			<p>6666666</p>
		</div>
		<div class="a a1">
			<h2>46546546</h2>
			<p>aaa</p>
			<p>012345679</p>
			<p>abcdefg</p>
			<p>● ● ● ● ●</p>
			<p>★ ★ ★ ★</p>
			<p>♠ ♠ ♠ ♠ ♠</p>
			<p>♥ ♥ ♥ ♥ ♥</p>
			<p>♦ ♦ ♦ ♦ ♦</p>
			<p>♣ ♣ ♣ ♣ ♣</p>
			<p>▲ ▲ ▲ ▲</p>
			<p>■ ■ ■ ■</p>
			<p>▼ ▼ ▼ ▼</p>
			<p>1111111</p>
			<p>2222222</p>
			<p>3333333</p>
			<p>4444444</p>
			<p>5555555</p>
			<p>6666666</p>
		</div>
		<div class="a a1">
			<h2>46546546</h2>
			<p>aaa</p>
			<p>012345679</p>
			<p>abcdefg</p>
			<p>● ● ● ● ●</p>
			<p>★ ★ ★ ★</p>
			<p>♠ ♠ ♠ ♠ ♠</p>
			<p>♥ ♥ ♥ ♥ ♥</p>
			<p>♦ ♦ ♦ ♦ ♦</p>
			<p>♣ ♣ ♣ ♣ ♣</p>
			<p>▲ ▲ ▲ ▲</p>
			<p>■ ■ ■ ■</p>
			<p>▼ ▼ ▼ ▼</p>
			<p>1111111</p>
			<p>2222222</p>
			<p>3333333</p>
			<p>4444444</p>
			<p>5555555</p>
			<p>6666666</p>
		</div>

	</body>
</html>
